import 'package:flutter/material.dart';


void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      theme: ThemeData(primarySwatch: Colors.blue),
      home: Scaffold(
        appBar: AppBar(
          backgroundColor: Color.fromRGBO(51, 51, 51, 1),
          elevation: 0.0,
          title: Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: [
              FlatButton(
                materialTapTargetSize: MaterialTapTargetSize.shrinkWrap,
                child: Row(
                  children: [
                    Icon(Icons.arrow_back_ios,color: Colors.white,),
                    Text('返回',style: TextStyle(color: Colors.white,fontSize: 16),)
                  ],
                ),
                onPressed: (){},
              ),
              Container(child: Row(children: [
                Text('注册',style: TextStyle(fontSize: 16),),
                SizedBox(width: 30,)
              ],),),
              IconButton(icon: Icon(Icons.more_horiz), onPressed: (){})
            ],
          ),
        ),
        body: appPage(),
      ),
    );
  }
}
class appPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return Center(
        child: Column(
          children: [
            Column(
              children: [
                Container(
                  margin: EdgeInsets.fromLTRB(0, 100, 0, 0),
                  width: 100,
                  height: 100,
                    decoration: BoxDecoration(
                      borderRadius: BorderRadius.circular(50),
                      border: Border.all(color: Colors.grey),
                      color: Colors.grey,
                 ),
                  child: IconButton(icon:Icon(Icons.done),iconSize: 55,),
                 ),
                  SizedBox(height: 40,),
                  Text("话费流量",style: TextStyle(fontSize: 18),),
                Container(
                  child: FlatButton(
                    child: Text('完成',style: TextStyle(color: Colors.white,fontSize: 16),),
                  ),
                  margin: EdgeInsets.fromLTRB(0, 80, 0, 0),
                  width: 330,
                  height:50,
                  color: Colors.grey,

                ),
              ],
            )
          ],
        ),
    );
  }
}
